﻿<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title></title>
<link th:href="@{/profile/imgs/favicon.ico}" rel="shortcut icon"/>
<script type='text/javascript' src='/libs/jquery-3.6.0.min.js'></script>
<script type='text/javascript' src='/libs/echarts.min.js'></script>
<script type='text/javascript' src='/libs/china.js'></script>
<script type='text/javascript' src='/libs/map.js'></script>
<script type='text/javascript' src='/libs/js.js'></script>
<script type='text/javascript' src='/libs/Bubble.js'></script>
<link rel='stylesheet' href='/css1/style.css'>
<script type='text/javascript' src='/libs/utils.js'></script>
</head>
<body>
	<div class='head clearfix'>

		<h1 class='pulll_left'><a th:href="@{/realtime/index}" target="_blank">[[${name}]]</a></h1>
		<div class='menu menu2 pulll_left'>
			<ul>
				<li><a th:href="@{/realtime/index}">综合展示</a></li>
				<li><a onclick="setlocate('/realtime/washow','')">衡器监控</a></li>
				<li><a onclick="setlocate('/realtime/wacharts','')">实时曲线</a></li>
				<li><a onclick="setlocate('/realtime/wachartshis','')">历史曲线</a></li>
				<li><a onclick="relocate('/index?t=/realtime/waalarmlist','')">告警列表</a></li>
				<li><a onclick="relocate('/index?t=/womp/workOrder')">工单列表</a></li>
			</ul>
		</div>
		<div class='time' id='showTime'>1970/01/01 00:00:00</div>
	</div>
	<div class='mainbox'>
		<ul class='clearfix nav1'>
			<li style='width: 22%'>
				<div class='box'>
					<div class='tit'>衡器列表</div>
					<div class='boxnav' style='height: 200px;'>
						<table class='table1' width='100%' border='0' cellspacing='0'
							cellpadding='0'>
							<tbody>
								<tr>
									<th>名称</th>
									<th>类型</th>
									<th>型号</th>
									<th>状态</th>
								</tr>
								<tr th:each='wa,stat:${waList}'>
									<td><a th:text='${wa.waname }' th:href="@{/realtime/washow(waCode=${wa.wacode})}">综合展示</a></td>
									<td><span th:text='${wa.type }' class='text-b'></span></td>
									<td><span th:text='${wa.model }' class='text-w'></span></td>
									<td><span class='text-s'>正常</span></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class='box'>
					<div class='tit'>实时零点曲线</div>
					<div class='boxnav' style='height: 250px;'>
						<div class='' style='height: 190px' id='echart4'></div>
					</div>
				</div>
			</li>
			<li style='width: 56%'>
				<div class='box'>
					<div class='boxnav mapc' style='height: 550px; position: relative'>
						<div class='map' id='map'></div>
						<script>
							$('.mapbtn a').hover(
									function() {
										var ind = $(this).index()
										$('.mapnav ul').eq(ind).show()
												.siblings().hide()
									})
						</script>
					</div>
				</div>
			</li>
			<li style='width: 22%'>
				<div class='box'>
					<div class='tit'>实时工单</div>
					<table class='table1' width='100%' border='0' cellspacing='0'
						cellpadding='0'>
						<tbody>
							<tr>
								<th>衡器</th>
								<th>类型</th>
								<th>负责人</th>
								<th>时间</th>
								<th>状态</th>
							</tr>
							<tr>
								<td>单台面自动轨道衡</td>
								<td><span class='text-w'>自动</span></td>
								<td><span class='text-w'>李工</span></td>
								<td><span class='text-b'>2022-01-04</span></td>
								<td>
									<div class='text-d'>未处理</div>
								</td>
							</tr>
							<tr>
								<td>双台面自动轨道衡</td>
								<td><span class='text-w'>自动</span></td>
								<td><span class='text-w'>李工</span></td>
								<td><span class='text-b'>2021-12-31</span></td>
								<td>
									<div class='text-d'>未处理</div>
								</td>
							</tr>
							<tr>
								<td>三台面自动轨道衡</td>
								<td><span class='text-w'>人工</span></td>
								<td><span class='text-w'>李工</span></td>
								<td><span class='text-b'>2021-12-23</span></td>
								<td>
									<div class='text-s'>已处理</div>
								</td>
							</tr>
							<tr>
								<td>长短台面自动轨道衡</td>
								<td><span class='text-w'>人工</span></td>
								<td><span class='text-w'>李工</span></td>
								<td><span class='text-b'>2021-12-15</span></td>
								<td>
									<div class='text-s'>已处理</div>
								</td>
							</tr>
							<tr>
								<td>不断轨自动轨道衡</td>
								<td><span class='text-w'>人工</span></td>
								<td><span class='text-w'>李工</span></td>
								<td><span class='text-b'>2021-12-14</span></td>
								<td>
									<div class='text-s'>已处理</div>
								</td>
							</tr>

						</tbody>
					</table>
				</div>
				<div class='box'>
					<div class='tit'>维修保养</div>
					<div class='boxnav' style='height: 250px;'>
						<div style='height: 200px; float: left; width: 90%'>
							<div class='tagcloud'>
								<!-- bo大小 co颜色 -->
								<a class='b01 co01' href=''>巡检</a> <a class='b02 co02' href=''>复检</a>
								<a class='b03 co05' href=''>常见问题</a> <a class='b04 co02' href=''>备件</a>
								<a class='b03 co05' href=''>历史曲线</a>
							</div>
							<script type='text/javascript'>
								/*3D标签云*/
								tagcloud({
									selector : '.tagcloud', //元素选择器
									fontsize : 6, //基本字体大小, 单位px
									radius : 40, //滚动半径, 单位px 页面宽度和高度的五分之一
									mspeed : 'slow', //滚动最大速度, 取值: slow, normal(默认), fast
									ispeed : 'slow', //滚动初速度, 取值: slow, normal(默认), fast
									direction : 0, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
									keep : false
								//鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
								})
							</script>
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class='box' style='padding: 20px 0;'>
			<ul class='clearfix nav2 '>
				<li style='width: 25%'>
					<div class='tit01'>实时告警</div>
					<table class='table1' width='100%' border='0' cellspacing='0'
						cellpadding='0'>
						<tbody>
							<tr>
								<th>衡器</th>
								<th>要素</th>
								<th>类型</th>
								<th>时间</th>
							</tr>
							<tr>
								<td>单台面自动轨道衡</td>
								<td><span class='text-w'>零点</span></td>
								<td><span class='text-b'>超限</span></td>
								<td>
									<div class='text-s'>2022-01-04 10:34:15</div>
								</td>
							</tr>
							<tr>
								<td>双台面自动轨道衡</td>
								<td><span class='text-w'>溢出</span></td>
								<td><span class='text-b'>异常</span></td>
								<td>
									<div class='text-s'>2022-01-04 09:22:56</div>
								</td>
							</tr>
							<tr>
								<td>三台面自动轨道衡</td>
								<td><span class='text-w'>轨距</span></td>
								<td><span class='text-b'>超限</span></td>
								<td>
									<div class='text-s'>2022-01-04 09:16:33</div>
								</td>
							</tr>
							<tr>
								<td>长短台面自动轨道衡</td>
								<td><span class='text-w'>零点</span></td>
								<td><span class='text-b'>超限</span></td>
								<td>
									<div class='text-s'>2022-01-04 08:51:32</div>
								</td>
							</tr>
							<tr>
								<td>不断轨自动轨道衡</td>
								<td><span class='text-w'>轨缝</span></td>
								<td><span class='text-b'>超限</span></td>
								<td>
									<div class='text-s'>2022-01-04 03:32:01</div>
								</td>
							</tr>

						</tbody>
					</table>
				</li>
				<li style='width: 25%'>
					<div class='tit01'>历史告警量</div>
					<div class='boxnav' id='echart3' style='height: 200px;'></div>
				</li>
				<li style='width: 25%'>
					<div class='tit01'>巡检复检</div>
					<div class='' style='height: 100%; display: flex;'>
						<table class='table1' width='100%' border='0' cellspacing='0'
							cellpadding='0'>
							<tbody>
								<tr>
									<th>名称</th>
									<th>安装位置</th>
									<th>类型</th>
									<th>上次时间</th>
									<th>负责人</th>
									<th>本次时间</th>
								</tr>
								<tr>
									<td>单台面自动轨道衡</td>
									<td><span class='text-b'>东区北入口</span></td>
									<td><span class='text-w'>周检</span></td>
									<td><span class='text-w'>2021-12-28</span></td>
									<td><span class='text-w'>张工</span></td>
									<td>
										<div class='text-d'>2022-01-04</div>
									</td>
								</tr>
								<tr>
									<td>双台面自动轨道衡</td>
									<td><span class='text-b'>东区闸口</span></td>
									<td><span class='text-w'>周检</span></td>
									<td><span class='text-w'>2021-12-28</span></td>
									<td><span class='text-w'>张工</span></td>
									<td>
										<div class='text-d'>2022-01-04</div>
									</td>
								</tr>
								<tr>
									<td>三台面自动轨道衡</td>
									<td><span class='text-b'>计量站</span></td>
									<td><span class='text-w'>周检</span></td>
									<td><span class='text-w'>2022-01-01</span></td>
									<td><span class='text-w'>张工</span></td>
									<td>
										<div class='text-s'>2022-01-08</div>
									</td>
								</tr>
								<tr>
									<td>长短台面自动轨道衡</td>
									<td><span class='text-b'>西厂二道</span></td>
									<td><span class='text-w'>月检</span></td>
									<td><span class='text-w'>2021-12-31</span></td>
									<td><span class='text-w'>张工</span></td>
									<td>
										<div class='text-s'>2022-01-31</div>
									</td>
								</tr>
								<tr>
									<td>不断轨自动轨道衡</td>
									<td><span class='text-b'>西厂三道</span></td>
									<td><span class='text-w'>月检</span></td>
									<td><span class='text-w'>2021-12-31</span></td>
									<td><span class='text-w'>张工</span></td>
									<td>
										<div class='text-s'>2022-01-31</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</li>
				<li style='width: 25%'>
					<div class='tit01'>备件库存</div>

					<table class='table1' width='100%' border='0' cellspacing='0'
						cellpadding='0'>
						<tbody>
							<tr>
								<th>名称</th>
								<th>型号</th>
								<th>规格</th>
								<th>库存</th>
							</tr>
							<tr>
								<td>传感器</td>
								<td><span class='text-w'>C16A2C3</span></td>
								<td><span class='text-w'>C3/40T/20M</span></td>
								<td>
									<div class='text-d'>0</div>
								</td>
							</tr>
							<tr>
								<td>传感器</td>
								<td><span class='text-w'>C16A2C3</span></td>
								<td><span class='text-w'>C4/60T/20M</span></td>
								<td>
									<div class='text-d'>0</div>
								</td>
							</tr>
							<tr>
								<td>称重控制转换器</td>
								<td><span class='text-w'>MWS-1H</span></td>
								<td><span class='text-w'>无</span></td>
								<td>
									<div class='text-s'>1</div>
								</td>
							</tr>
							<tr>
								<td>传感器下压头</td>
								<td><span class='text-w'>CGQ-XYT-(20～60t)</span></td>
								<td><span class='text-w'>φ85*30</span></td>
								<td>
									<div class='text-s'>1</div>
								</td>
							</tr>
							<tr>
								<td>传感器下压头</td>
								<td><span class='text-w'>CGQ-XYT-(80～100t)</span></td>
								<td><span class='text-w'>φ115*50</span></td>
								<td>
									<div class='text-s'>2</div>
								</td>
							</tr>
						</tbody>
					</table>
				</li>
			</ul>
		</div>
	</div>
	<script th:inline='javascript'>
	  document.title = [[${name}]] + document.title;
      var ctxPath = [[@{/}]];
    </script>
</body>
</html>
